<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head>
    <th:block th:include="include :: header" />
    <th:block th:include="include :: bootstrap-switch-css" />
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="tabs-container">

        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 使用信息</a>
            </li>
            <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">电梯档案</a>
            </li>
        </ul>
        <div class="tab-content">
            <div id="tab-1" class="tab-pane active">
                <div class="panel-body">
                    <h4 class="title-ele overhaul-tit">使用信息</h4>
                    <div class="row overhaul">
                        <dl class="col-md-5 col-sm-12 dl-horizontal">
                            <dt>电梯名称：</dt>
                            <dd th:text="${elevatorInfo.elevatorName}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12  dl-horizontal">
                            <dt>电梯编码：</dt>
                            <dd th:text="${elevatorInfo.numberCode}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12  dl-horizontal">
                            <dt>电梯注册码：</dt>
                            <dd th:text="${elevatorInfo.registeredCode}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12  dl-horizontal">
                            <dt>电梯识别码：</dt>
                            <dd th:text="${elevatorInfo.identifyCode}"></dd>
                        </dl>

                        <dl class="col-md-5 col-sm-12  dl-horizontal">
                            <dt>电梯品牌：</dt>
                            <dd th:text="${elevatorInfo.elevatorBrand}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12  dl-horizontal">
                            <dt>层站：</dt>
                            <dd th:text="${elevatorInfo.layerNum}"></dd>
                        </dl>
                    </div>
                    <div class="row overhaul no-border">
                        <dl class="col-md-5 col-sm-12  dl-horizontal">
                            <dt>安装日期：</dt>
                            <dd th:text="${elevatorInfo.installationDate}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12  dl-horizontal">
                            <dt>年检日期：</dt>
                            <dd th:text="${elevatorInfo.annualDate}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12  dl-horizontal">
                            <dt>使用单位：</dt>
                            <dd th:text="${elevatorInfo.useUnit}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12  dl-horizontal">
                            <dt>电梯管理员：</dt>
                            <dd th:text="${elevatorInfo.elevatorAdministrator}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12  dl-horizontal">
                            <dt>维保单位：</dt>
                            <dd th:text="${elevatorInfo.maintenanceUnit}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12  dl-horizontal">
                            <dt>维保工程师：</dt>
                            <dd th:text="${elevatorInfo.maintenanceEngineer}"></dd>
                        </dl>

                        <dl class="col-md-5 col-sm-12  dl-horizontal">
                            <dt>入网日期：</dt>
                            <dd th:text="${elevatorInfo.networkDate}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12  dl-horizontal"></dl>
                    </div>

                    <!--保养等信息-->
                    <div class="panel-heading">
                        <ul class="nav nav-tabs nav1">
                            <li class="active"><a href="#tab-1-1" onclick="" data-toggle="tab">保养</a></li>
                            <li><a href="#tab-1-2" onclick="" data-toggle="tab">维修</a></li>
                            <li><a href="#tab-1-3" onclick="" data-toggle="tab">困人</a></li>
                            <li><a href="#tab-1-4" onclick="" data-toggle="tab">故障</a></li>
                            <li><a href="#tab-1-5" onclick="" data-toggle="tab">事件</a></li>
                        </ul>
                    </div>
                    <div class="panel-body">
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab-1-1">
                                <div class="table-responsive">
                                    <input id="maintenancePageNo" name="maintenancePageNo" type="hidden" value="1">
                                    <input id="maintenanceTotalPages" name="maintenanceTotalPages" type="hidden" value="10">
                                    <table id="contentTable1" class="table table-bordered table-hover no-border">
                                        <thead>
                                        <tr>
                                            <th width="50">序号</th>
                                            <th>保养单号</th>
                                            <th>保养类型</th>
                                            <th>提交人</th>
                                            <th>提交时间</th>
                                            <th>保养用时</th>
                                            <th>超期状态</th>
                                        </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-1-2">
                                <div class="table-responsive">
                                    <input id="overhaulPageNo" name="overhaulPageNo" type="hidden" value="1">
                                    <input id="overhaulTotalPages" name="overhaulTotalPages" type="hidden" value="0">
                                    <table id="contentTable2" class="table table-bordered table-hover no-border">
                                        <thead>
                                        <tr>
                                            <th width="50">序号</th>
                                            <th>维修单号</th>
                                            <th>派单人</th>
                                            <th>派单时间</th>
                                            <th>提交人</th>
                                            <th>提交时间</th>
                                            <th>维修用时</th>
                                        </tr>
                                        </thead>
                                        <tbody id="overhaulContent">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-1-3">
                                <div class="table-responsive">
                                    <input id="captivityPageNo" name="captivityPageNo" type="hidden" value="1">
                                    <input id="captivityTotalPages" name="captivityTotalPages" type="hidden" value="0">
                                    <table id="contentTable3" class="table table-bordered table-hover no-border">
                                        <thead>
                                        <tr>
                                            <th width="50">序号</th>
                                            <th>困人单号</th>
                                            <th>困人类型</th>
                                            <th>上报时间</th>
                                            <th>状态</th>
                                        </tr>
                                        </thead>
                                        <tbody id="captivityContent">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-1-4">
                                <div class="table-responsive">
                                    <input id="faultPageNo" name="faultPageNo" type="hidden" value="1">
                                    <input id="faultTotalPages" name="faultTotalPages" type="hidden" value="0">
                                    <table id="contentTable4" class="table table-bordered table-hover no-border">
                                        <thead>
                                        <tr>
                                            <th width="50">序号</th>
                                            <th>故障单号</th>
                                            <th>类型</th>
                                            <th>上报时间</th>
                                            <th>故障楼层</th>
                                            <th>处理状态</th>
                                        </tr>
                                        </thead>
                                        <tbody id="faultContent">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-1-5">
                                <div class="table-responsive">
                                    <input id="eventPageNo" name="eventPageNo" type="hidden" value="1">
                                    <input id="eventTotalPages" name="eventTotalPages" type="hidden" value="0">
                                    <table id="contentTable5" class="table table-bordered table-hover no-border">
                                        <thead>
                                        <tr>
                                            <th width="50">序号</th>
                                            <th>事件单号</th>
                                            <th>事件类型</th>
                                            <th>上报时间</th>
                                            <th>清除时间</th>
                                            <th>事件时长</th>
                                        </tr>
                                        </thead>
                                        <tbody id="eventContent">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="tab-2" class="tab-pane">
                <div class="panel-body">
                    <h4 class="title-ele overhaul-tit">基本信息</h4>
                    <div class="row overhaul">
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>所属社区：</dt>
                            <dd th:text="${elevatorInfo.belongCommunity}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>楼宇单元：</dt>
                            <dd th:text="${elevatorInfo.buildingUnit}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>名称：</dt>
                            <dd th:text="${elevatorInfo.elevatorName}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>经纬度：</dt>
                            <dd th:text="${elevatorInfo.longitude}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>识别码：</dt>
                            <dd th:text="${elevatorInfo.identifyCode}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>注册码：</dt>
                            <dd th:text="${elevatorInfo.registeredCode}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>使用地点：</dt>
                            <dd th:text="${elevatorInfo.usePlace}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>建筑类型：</dt>
                            <dd th:text="${elevatorInfo.buildType}"></dd>
                        </dl>
                        <dl id="typeShow" class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>电梯类型：</dt>
                            <td th:switch = "${elevatorInfo.elevatorType} == 0" >
                                <dd th:case="true" th:text = "${elevatorInfo.straightElevatorType}"></dd>
                                <dd th:case="false" th:text = "${elevatorInfo.escalatorType}" ></dd>
                            </td>
                        </dl>
                    </div>
                    <h4 class="title-ele overhaul-tit">出厂规格</h4>
                    <div class="row overhaul">
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>品牌：</dt>
                            <dd th:text="${elevatorInfo.elevatorBrand}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>厂商：</dt>
                            <dd th:text="${elevatorInfo.vendor}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>生产日期：</dt>
                            <dd th:text="${elevatorInfo.productionDate}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>使用类型：</dt>
                            <dd th:text="${elevatorInfo.useType}"></dd>
                        </dl>

                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>额定载重(kg)：</dt>
                            <dd th:text="${elevatorInfo.ratedLoad}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>缓冲器类型：</dt>
                            <dd th:text="${elevatorInfo.bumperType}"></dd>
                        </dl>

                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>型号：</dt>
                            <dd th:text="${elevatorInfo.modelNumber}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>出厂编号：</dt>
                            <dd th:text="${elevatorInfo.factoryCode}"></dd>
                        </dl>
                        <dl class="col-md-12 col-sm-12 information dl-horizontal">
                            <dt>额定速度(m/s)：</dt>
                            <dd th:text="${elevatorInfo.nominal}"></dd>
                        </dl>
                    </div>
                    <h4 class="title-ele overhaul-tit">安装信息</h4>
                    <div class="row overhaul">
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>安装单位：</dt>
                            <dd th:text="${elevatorInfo.installUnit}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>安装日期：</dt>
                            <dd th:text="${elevatorInfo.installationDate}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>提升高度(m)：</dt>
                            <dd th:text="${elevatorInfo.promoteHeight}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>下次年检日期：</dt>
                            <dd th:text="${elevatorInfo.speedGovernor}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>曳引机功率(KW)：</dt>
                            <dd th:text="${elevatorInfo.tractorPower}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>层数(层)：</dt>
                            <dd th:text="${elevatorInfo.layerNum}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>停靠站数(站)：</dt>
                            <dd th:text="${elevatorInfo.standingNum}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>标准楼层高度(m)：</dt>
                            <dd th:text="${elevatorInfo.standardFloorHeight}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>限速器下次年检日期：</dt>
                            <dd th:text="${elevatorInfo.speedGovernor}"></dd>
                        </dl>
                        <dl class="col-md-5 col-sm-12 information dl-horizontal">
                            <dt>特种设备使用登记证编号：</dt>
                            <dd th:text="${elevatorInfo.specialEquipmentCode}"></dd>
                        </dl>
                        <dl class="col-md-7 col-sm-12 information dl-horizontal">
                            <dt>发证日期：</dt>
                            <dd th:text="${elevatorInfo.issueDate}"></dd>
                        </dl>
                        <dl class="col-md-12 col-sm-12 information dl-horizontal min-ov">
                            <dt>特种设备使用登记证：</dt>
                            <dd th:text="${elevatorInfo.specialEquipmentRegistration}"></dd>
                        </dl>
                        <dl class="col-md-12 col-sm-12 information dl-horizontal">
                            <dt>电梯监督检验报告编号：</dt>
                            <dd th:text="${elevatorInfo.inspectionReportNum}"></dd>
                        </dl>
                        <dl class="col-md-12 col-sm-12 information dl-horizontal min-ov">
                            <dt>电梯监督检验报告：</dt>
                            <dd th:text="${elevatorInfo.inspectionReport}"></dd>
                        </dl>
                        <dl class="col-md-12 col-sm-12 information dl-horizontal min-ov">
                            <dt>特种设备使用标志：</dt>
                            <dd th:text="${elevatorInfo.specialEquipmentUseFlag}"></dd>
                        </dl>
                    </div>
                    <h4 class="title-ele overhaul-tit">审验信息</h4>
                    <div class="row overhaul">
                        <table id="contentTable" class="table table-bordered table-hover">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>审验编号</th>
                                <th>审验名称</th>
                                <th>审验类型</th>
                                <th>审验单位</th>
                                <th>审验时间</th>
                            </tr>
                            </thead>
                            <tbody id="inspection">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<th:block th:include="include :: bootstrap-switch-js" />
<script th:inline="javascript">



</script>
</body>
</html>